<style lang="scss">
$height: 688rpx;

.user-index-header {
	width: 100%;
	height: $height;
	position: relative;
}

.user-index-header-body {
	$wh: 6000rpx;
	width: $wh;
	height: $wh;
	border-radius: $wh;
	margin-left: $wh / 2 - $wh;
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: 0;
	overflow: hidden;
}

.user-index-header-content {
	width: 100vw;
	height: $height;
	position: absolute;
	z-index: 2;
	bottom: 0;
	margin-left: -50vw;
	left: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #FA9F3C;
	background-image: $background-image-user-index-top-bg;
}
</style>

<template>
	<view class="user-index-header">
		<view class="user-index-header-body">
			<view class="user-index-header-content">
				<slot />
			</view>
		</view>
	</view>
</template>

<script>
export default {

}
</script>